
//- 清楚浮动
.clear_float
  clear both

// 面包屑
.bread-nav
  border none

.c-info-wrapper
  width 100%
  height 100%
  border 1px solid #eef3f6
  margin-bottom 40px
  .c-left-side
    height auto
    float left
  .c-info-right
    float left
    .c-info-tit
      font-size 1.25em
      color #333
      line-height 3.75em
    .c-info-main-1
      .c-user-info
        line-height 3.125em
        font-family "Microsoft YaHei"
        span
          display inline-block
        a
          color #ffa202
          float right
          font-size 0.9em
          padding-right 1em
        .c-key
          color #888
          width 30%
          text-align right
          padding-right 1.8em
        .c-value
          color #333

        &:nth-child(3),&:nth-child(4),&:nth-child(7),&:nth-child(8),&:nth-child(3),&:nth-child(3)
          background-color #F9FBFF
  
      .c-fouth
        margin-top 2.25em
        .c-risk-result
          width 17.5em
          height 6.5em
          text-align center
          padding-top 1em
          background url("./img/risk_bg.png") no-repeat center center
          .c-risk-tit
            font-size 1em
            color #333
            height 32px
            font-family "Microsoft YaHei"
          .c-risk
            font-size 1.5em
            color #ff6d15
            height 42px
            font-family "Microsoft YaHei"
          .c-repeat-risk
            font-size 0.875em
            color #888
            font-family "Microsoft YaHei"
        .c-order-result
          width 17.5em
          height 6.5em
          text-align center
          padding-top 1em
          background url("./img/order_bg.jpg") no-repeat center center
          .c-order-remind
            height 32px
            font-size 1em
            color #333
            font-family "Microsoft YaHei"
          .c-order-pay
            font-size 1.5em
            color #ff6d15
            font-family "Microsoft YaHei"

// 修改个人信息弹窗
.alter_dialog
  opacity 1
  display none
  .c-mask
    position fixed
    z-index 1000
    top 0
    right 0
    left 0
    bottom 0
    background rgba(0, 0, 0, 0.6)
  .c-dialog
    position fixed
    z-index 5000
    top 50%
    left 50%
    -webkit-transform translate(-50%, -50%)
    transform translate(-50%, -50%)
    background-color #FFFFFF
    border-radius 3px
    overflow hidden
    .c-dialog-hd
      background #f9f9f9
      padding 0.6em 1.6em
      border-bottom 1px solid #efefef
      text-align left
      .c-dialog-title
        font-weight 400
        font-size 20px
        color #333
    .c-dialog-close
      background url('./img/dialog_close.png') no-repeat
      width 20px
      height 20px
      cursor pointer
      position absolute
      top 5px
      right 1em
      display inline-block

    .c-dialog-bd
      padding 1.6em
      min-height 2.5em
      font-size 0.93em
      line-height 1.3em
      word-wrap break-word
      word-break break-all
      color #999
      .c-alter-form
        position relative
        .pure-control-group
          padding 0.7em 0.4em
          div
            margin 0 auto
            border 1px solid #ccc
            span
              width 2.8em
              height 2.25em
              display inline-block
              vertical-align middle
              border-right 1px solid #ccc
              padding 0.375em 0
            input
              display inline-block
              border-radius 5px
              border none
              box-shadow inset 0 1px 3px rgba(255,255,255,0)
              color #737373
              width 21em
              padding-left 1em
              &:focus
                outline none
              &:-webkit-autofill
                -webkit-box-shadow 0 0 0px 1000px #fff inset

        .c-alter-id-kind
          div
            span
              background url('./img/id_card.png') no-repeat center center
            select
              width 21em
              border none
              box-shadow none
              background-color #fff
              color #737373
              padding-left 1em

        .c-alter-id-no
          div
            span
              background url('./img/id_card.png') no-repeat center center

        .c-alter-id-enddate
          div
            span
              background url('./img/id_card.png') no-repeat center center

        .c-alter-phone
          div
            span
              background url('./img/phone.png') no-repeat center center

        .c-alter-email
          div
            span
              background url('./img/email.png') no-repeat center center

        .c-alter-job
          div
            span
              background url('./img/job.png') no-repeat center center

        .c-alter-address
          div
            span
              background url('./img/address.png') no-repeat center center

        .c-alter-client-name
          div
            span
              background url('./img/name.png') no-repeat center center

      .c-err-info
        position absolute
        color red
        font-size 0.85em

    .c-dlg-ft
      padding 0.6em 0 2.18em
      text-align center
      .pure-button
        width 7.125em
        height 2.5em
        background #FFA413
        font-family "Microsoft YaHei"
        border-radius none

.c-dialog-show
  opacity 1
  display block

.c-dialog-hide
  opacity 0
  display none

// 屏幕大于1200px的情况
@media (min-width:1201px)
  .c-info-right
    width 898px
    padding 6px 28px 60px
  .c-info-main-1
    .c-fouth
      .c-risk-result
        float left
      .c-order-result
        float left
        margin-left 2em
  .alter_dialog
    .c-dialog
      width 28em

// 屏幕小于1200px的情况
@media (max-width:1200px) and (min-width:768px)
  .c-left-side
    width 100%
  .c-info-right
    width 100%
    padding 6px 12px 60px
  .c-fouth
    .c-risk-result
      float left
    .c-order-result
      float left
      margin-left 2em

  .alter_dialog
    .c-dialog
      width 28em
      .c-dialog-bd
        .c-alter-form
          .pure-control-group
            div
              input
                width 12em

@media (max-width:767px)
  .c-left-side
    width 100%
  .c-info-right
    width 100%
  .c-order-result
    margin-top 2em
  .c-info-right
    padding 6px 0 40px
  .c-info-tit
    padding-left 20px
    font-size 20px
  .c-info-main-1
    span
      font-size 14px
  .c-fouth
    .c-risk-result
      margin 0 auto
    .c-order-result
      margin 0 auto
      margin-top 20px
  .c-user-name, .c-user-direct, .c-user-email
    background #f9fbff
    padding-left 20px
  .c-user-khbh, .c-user-phone
    padding-left 20px

  .c-info-wrapper
    .c-info-right
      .c-info-main-1
        .c-user-info
          background-color rgba(255,255,255,0) !important
          &:nth-child(even)
            background-color #F9FBFF !important

  .alter_dialog
    .c-dialog
      width 80%
      .c-dialog-bd
        .c-alter-form
          .pure-control-group
            div
              input
                width 9em
              select
                width 11em
                font-size 0.875em